iT邦幫忙

0

為了轉生而點技能-JavaScript,day24(函式的return觀念釐清

  • 分享至 

  • xImage
  •  

函式的retrun

        let a = 5;                       //宣告變數 
        function buyCar(num1, num2) {    //宣告函式
            console.log(`總合為${num1 + num2}`)
        };
        
        let TOMsCar = buyCar(10, 20);
        

雖然chrome會出現總合為30的結果,但是僅僅是函式執行後的結果,不是一個值;在開發者工具中填入變數TOMsCar,會出現undefined,代表buyCar(10, 20)沒有值可以賦予變數TOMsCar
https://ithelp.ithome.com.tw/upload/images/20211221/20143762K10LuazX5e.jpg


        let a = 5;                       //宣告變數 
        function buyCar(num1, num2) {    //宣告函式
            return(`總合為${num1 + num2}`)
        };
        
        let TOMsCar = buyCar(10, 20);
        

利用return,才可以讓函式回傳值到buyCar(10, 20)
https://ithelp.ithome.com.tw/upload/images/20211221/20143762Xjj4bf9bUw.jpg


return會出現函式結束的效果,造成在return之後的程式碼都不會繼續執行。

        function buyCar(num1, num2) {    //宣告函式
            return (`總合為${num1 + num2}`);
            return (`減法結果為${num1 - num2}`);
        };

        // buyCar(10, 20);
        let TOMsCar = buyCar(10, 20);
        console.log(TOMsCar);              //總合為30,不會出現減法結果為....。

但是當return位於判斷式內,則可以不停地進行判斷,但是位於判斷式外面的程式碼,當判斷式結束時還是不會執行。

        function buyCar(num1, num2) {
            return (num1 + num2 > 50 ? '符合優惠資格' : '不符合優惠資格');
        };
        let TOMsCar = buyCar(10, 20);
        console.log(TOMsCar);               //不符合優惠資格
        
        

        function buyCar01(num1, num2) {
            if (num1 + num2 > 50) {
                return '符合優惠資格'
            }
            else { return '不符合優惠資格' };
            console.log('還可以繼續執行嗎');   //不會執行
        };
        let BOBsCar = buyCar01(10, 60);
        console.log(BOBsCar);                //符合優惠資格

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言